<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>3D折叠</title>
    <link rel="stylesheet" href="./index.css" />
  </head>

  <body>
    <article class="receipt">
      <section class="receipt__half upper">
        <div class="receipt__content">
          <table>
            <tbody>
              <tr>
                <td>歌手</td>
                <td>许嵩</td>
              </tr>
              <tr>
                <td>专辑</td>
                <td>青年晚报</td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>

      <section class="receipt__half lower">
        <button>展开</button>
      </section>
    </article>
  </body>
  <script type="text/javascript" src="index.js"></script>
</html>
